// pages/imageup/imageup.js
//引用请求前缀
import config from '../../../utils/config'
// 获取应用实例
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    picPaths: []
  },
  //添加上传图片
  chooseImageTap: function () {
    var self = this;
    wx.showActionSheet({
      itemList: ['从相册中选择', '拍照'], // 按钮的文字数组，数组长度最大为 6
      itemColor: "#00000",              // 按钮的文字颜色
      success: function (res) {        // 接口调用成功的回调函数
        if (res.tapIndex == 0) {
          self.chooseWxImage('album');
        } else if (res.tapIndex == 1) {
          self.chooseWxImage('camera');
        }
      }
    })
  },

  // 图片本地路径
  chooseWxImage: function (type) {
    var self = this;
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],   // 原图、压缩图
      sourceType: [type],                     // 选择图片的来源
      success: function (res) {
        //下段注释代码可以先进行本地上传并预览
        let picPaths = self.data.picPaths;
        picPaths.push(res.tempFilePaths[0]);
        self.setData({
         picPaths
        })
        //console.log(res.tempFilePaths[0])
        self.upImgs(res.tempFilePaths[0]) //调用上传方法
      }
    })
  },

  //上传服务器    http://localhost:33257/Main/WxFileImg
  upImgs: function (imgurl) {
    var self = this;
    wx.uploadFile({
      url: config.host+'/WxInterface/WxFileImgCs',   //后端接口地址
      filePath: imgurl,
      name: 'upload',
      header: {
        'content-type': 'multipart/form-data'
      },
      formData: null,
      success: function (res) {
        var data = JSON.parse(res.data);      //接口返回网络路径
        console.log(data)

        wx.showToast({
          title: '上传成功',
          icon:'success',
        })
      }

    })
  },

  // 图片预览
  previewImage: function(e){
    let picPaths = this.data.picPaths;
    wx.previewImage({
        current: e.currentTarget.id,   // 当前显示图片的http链接
        urls: picPaths                 // 需要预览的图片http链接列表
    })
  },
  //图片上传
  
  pege(){
    wx.navigateTo({
      url: '../../no_permission/no_permission',
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})